﻿* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type=button],input[type=submit],input[type=text]{
  -webkit-appearance:none;
  outline:none;
}
textarea,select {
    -webkit-appearance:none;
    outline:none;
}
.btn-yellow {font-family: "微软雅黑";background-color: #f9a006;text-align: center;cursor: pointer;border-radius: 20px;font-size: 14px; color: #fff;display: block;border: none;}
.btn-yellow-2 {border-radius: 0;}
.btn-yellow:active{background-color: #fdb63d;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
color: #ababab;
text-align: center;
font-size: 12px;
} 
input:-moz-placeholder, textarea:-moz-placeholder { 
color: #ababab; 
text-align: center;
font-size: 12px;
} 
input::-moz-placeholder, textarea::-moz-placeholder { 
color: #ababab; 
text-align: center;
font-size: 12px;
} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
color: #ababab; 
text-align: center;
font-size: 12px;
} 


.tl{text-align: left !important;}
.tr{text-align: right !important;}
.tc{text-align: center !important;}
h1,h2,h3,h3,h4,h5,h6{font-weight: normal;}
.line1{
  border-top: 1px solid #e4e4e4;
  font-size: 0;
  overflow: hidden;
  line-height: 0;
  height: 0;
}
.line2{
  border-top: 1px dashed #e4e4e4;
  font-size: 0;
  overflow: hidden;
  line-height: 0;
  height: 0;
}
body{
  font-family:"微软雅黑","Microsoft Yahei";
  background-color: #f6f6f6;
  color: #2f2f2f;
}
.mhome {
  padding: 0;
  min-width: 320px;
  max-width: 640px;
  margin: 0 auto;
}
.viewport {
  padding: 0;
  min-width: 320px;
  max-width: 640px;
  margin: 0 auto;
}
.index{
  padding: 0;
  min-width: 320px;
  max-width: 640px;
  margin: 0 auto;
  background: url(../images/bg.jpg) no-repeat center top;
  background-size:cover;
}
a{ color: #2f2f2f;}
/*a:hover{color: #fff;}*/

/*==================hm===========================*/
/*头部*/
header{height: 32px;line-height: 32px;padding: 0 14px 0 16px;}
header .city {display: inline-block;padding-left: 22px;background: url(../images/arrow-down.png) 0 center no-repeat; background-size: 12px auto;}
header .pic{float: right;width: 41%;max-width: 222px; }
header img {width: 100%;display: inline-block;vertical-align: middle;}

/*banner*/
.slider img { width: 100%;}
.slick-dots {text-align: center;position: relative;margin-top: -20px;}
.slick-dots li { display: inline-block;margin: 0 2px; font-size: 0;width: 8px; height: 9px; border-radius: 50%;background-color: #fff;}
.slick-dots li.slick-active {background-color: #1b6658;}
.slick-dots li button {display: none;}

/*底部*/
footer{height: 42px;}
.fd-nv{height: 42px;position: fixed;left:0;bottom:0;width: 100%;background-color: #f9f9f9;text-align: center;border-top: 1px solid #cbcbcb;}
.fd-nv li{width: 33.33%;text-align: center;float: left;}
.fd-nv li a{color: #bbbbbb;display: inline-block;padding-top: 25px;padding-bottom: 6px;}
.fd-nv li a:active,.fd-nv li.on a{color: #29bee9;}
.fd-nv li.s1{float: left;}
.fd-nv li.s3{float: right;}
.fd-nv li.s1 a{background: url(../images/hm-fd-ico-11.png) no-repeat center 3px;background-size: auto 22px;}
.fd-nv li.s2 a{background: url(../images/hm-fd-ico-21.png) no-repeat center 3px;background-size: auto 22px;}
.fd-nv li.s3 a{background: url(../images/hm-fd-ico-31.png) no-repeat center 3px;background-size: auto 22px;}
.fd-nv li.s1 a:active,.fd-nv li.s1.on a { background-image: url(../images/hm-fd-ico-12.png);}
.fd-nv li.s2 a:active,.fd-nv li.s2.on a { background-image: url(../images/hm-fd-ico-22.png);}
.fd-nv li.s3 a:active,.fd-nv li.s3.on a { background-image: url(../images/hm-fd-ico-32.png);}

/*内容*/
.bd0 .row1{overflow: hidden;padding:12px;}
.bd0 .row2{background: #fff;overflow: hidden;padding:12px;}
.ul-menu1{margin-left: -12px;}
.ul-menu1 li{width: 50%;float: left;margin-bottom: 8px;}
.ul-menu1 li a{display: block;margin-left: 12px;border-radius: 3px;font-size: 16px;padding-left: 45px;height: 53px;line-height: 53px;}
.ul-menu1 li.li1 a{background: url(../images/hm-ico-1.png) no-repeat 8px center #fff;background-size: 32px auto;}
.ul-menu1 li.li2 a{background: url(../images/hm-ico-2.png) no-repeat 8px center #fff;background-size: 32px auto;}
.ul-menu1 li.li3 a{background: url(../images/hm-ico-3.png) no-repeat 8px center #fff;background-size: 32px auto;}
.ul-menu1 li.li4 a{background: url(../images/hm-ico-4.png) no-repeat 8px center #fff;background-size: 32px auto;}
.ul-menu2 li.li1 a{background: url(../images/hm-ico-5.png) no-repeat 8px center #fff;background-size: 32px auto;}
.ul-menu2 li.li2 a{background: url(../images/hm-ico-6.png) no-repeat 8px center #fff;background-size: 32px auto;}
.ul-menu2 li.li3 a{background: url(../images/hm-ico-7.png) no-repeat 8px center #fff;background-size: 32px auto;}
.ul-menu2 li.li4 a{background: url(../images/hm-ico-8.png) no-repeat 8px center #fff;background-size: 32px auto;}
.ul-menu2 li.li1 a{line-height: 1.2em;padding-top: 8px;}
.ul-menu2 li span{display: block;font-size: 12px;}
.itt{text-align: center;}
.itt i{display: inline-block;width: 33%;border-bottom: 1px solid #939393;position: relative;top:11px;}
.itt span{display: inline-block; color: #979898; font-size: 16px;}

/*banner详情页*/
.sitemap {height: 32px;line-height: 32px;color: #fff;background-color: #666666;font-size: 14px;}
.goback {float: left;display: inline-block;height: 32px;background: url(../images/arrow-left.jpg) 9px center no-repeat;background-size: 12px auto;padding: 0 21px 0 9px;}
.bd1 {padding: 6px 4px 0;}
.bd1 .box {padding: 0 14px;background-color: #fff;}
.bd1 h2 { line-height: 52px;font-size: 18px;color: #393939;}
.bd1 .cont {font-size: 14px;color: #adadad;line-height: 24px;text-align: justify;}
.bd1 .info { line-height: 38px;text-align: right;font-size: 14px;color: #adadad;}
.bd1 .info span {padding: 0 13px;}

/*预约服务*/
.bd2 {padding: 0 9px;}
.bd2 .tips {margin: 0 auto;width: 176px;height: 24px;line-height: 24px;color: #fff;background-color: #47b8e1;font-size: 16px;text-align: center;border-radius: 5px;}
.bd2 p {line-height: 26px;color: #a7a7a7;font-size: 12px;}
.bd2 a {display: block;padding: 12px;line-height: 24px;background: url(../images/arrow-right.jpg) 95% center no-repeat #fff;background-size: 12px auto;}
.bd2 .s1 {font-size: 14px;color: #5b5b5b;}
.bd2 .s2 {color: #a7a7a7;}
.bd2 .row2 .s1 {padding-right: 75px;}
.bd2 .row3 div {float: left;width: 50%;background-color: #fff;padding: 6px 0 6px 26px;}
.bd2 .row3 .d1 {border-right: 1px solid #f6f6f6;}
.slide {display: inline-block;width: 42px;height: 16px;margin-right: 9px;margin-top: 5px;float: left;border: 1px solid #e9e9e9;border-radius: 10px;position: relative;cursor: pointer;}
.slide em {display: block;width: 14px;height: 14px;border-radius: 50%;background-color: #cccccc;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    position: absolute;
}
.slide.on em {background-color: #f9a006;right: 0;}
#remark {width: 100%;height: 42px;line-height: 42px;background-color: #fff;display: block;border: none;font-family: "微软雅黑";text-align: center;font-size: 12px;}
.agree {display:block;width: 100%;line-height: 30px;text-align: center;}
#hm-inp-1 {vertical-align: middle;margin-right: 3px;}
.hm-inp-2 {height: 40px;line-height: 40px;width: 100%;color: #fff;border: none;}

/*弹窗*/
#pop1-content {background-color: #fff;color: #888;}
.pop1-hd {line-height: 40px;font-size: 14px;color: #5b5b5b;padding: 0 20px 0 10px;}
.pop1-hd span {float: right;}
.pop1-bd {color: #888;line-height: 34px;border-bottom: 1px solid #f2f2f2;padding-left: 10px;}
.pop1-bd em {display: inline-block;width: 14px;height: 14px;border: 1px solid #999;border-radius: 50%;}
.pop1-fd {padding: 10px 10px 10px 0;text-align: right;}
.pop1-fd .pop2 {display: inline-block;width: 134px;height: 40px;line-height: 40px;font-size: 16px;}

#pop2-content {background-color: #fff;color: #888;font-size: 12px;padding-bottom: 20px;}
#pop2-content span {font-size: 14px;color: #5b5b5b;padding-right: 20px;}
#pop2-content li {line-height: 40px;padding: 0 10px;border-bottom: 1px solid #f2f2f2;}
#pop2-content input[type="text"] {display: inline-block;width: 60%;height: 40px;line-height: 40px;padding: 0 5px;font-size: 12px;font-family: "微软雅黑";border: none;color: #888;}
#pop2-content .slide {float: right;margin-top: 12px;}
#pop2-content .btn {width: 100%;height: 40px;line-height: 40px;font-size: 16px;margin: 0 auto;}
#province,#city,#area {border: 1px solid #f2f2f2;border-radius: 3px;height: 30px;line-height: 30px;width: 22%;display: inline-block;float: right;margin: 5px 0 5px 3px;color: #888;font-size: 12px;font-family: "微软雅黑";}

/*预约成功*/
.success {padding-top: 45px;}
.success img {display: block;margin: 0 auto;}
.success .tips {line-height: 68px;text-align: center;font-size: 22px;color: #161616;}
.success .tishi {line-height: 18px;color: #a5a5a5;}
.success em {color: #ff2727;font-size: 20px;}
.success .p1 {padding-left: 26%;font-size: 14px;}
.success .p2 {padding-left: 34%;}
.share {margin: 60px auto 32px; width: 155px;height:32px;line-height: 32px;}

/*洗家居用品*/
.bd4 .hd1 {line-height: 36px;background-color: #47b8e1;text-align: center;font-size: 16px;color: #fff;}
.bd4 .hd2 {line-height: 22px;margin: 0 8px 11px;color: #999999;text-align: center;border-radius: 0 0 5px 5px;background-color: #fff;}
.bd4 .tab-hd {text-align: center;z-index: 10;}
.bd4 .tab-hd a {display: inline-block;width: 110px;height: 50px;border-radius: 10px;line-height: 50px;text-align: center;font-size: 14px;color: #333333;background-color: #fff;margin: 0 2px;}
.bd4 .tab-hd a.on {color: #fff;background-color: #47b8e1;}
.bd4 .tab-fd {padding: 0 8px;margin-top: -26px;z-index: 0;}
.bd4 .tab-fd ul {display: none;border-radius: 10px;background-color: #fff;padding: 42px 0 30px;background: #fff;}
.bd4 .tab-fd li {float: left;border-top: 1px solid #f2f2f2;border-right: 1px solid #f2f2f2;width: 33.3%;text-align: center;padding: 7px 0;background: #fff;}
.bd4 .tab-fd li:nth-child(3n+0){border-right: none;}
.bd4 .tab-fd li img {display: inline-block;}
.bd4 .tab-fd li div {line-height: 16px;color: #868686;}

/*绑定手机*/
.bd5 {padding-top: 8px;}
.bd5 li {line-height: 40px;background-color: #fff;border-bottom: 1px solid #f2f2f2;font-size: 14px;color: #333333;padding: 0 8px 0 15px;}
.bd5 span {float: right;}
.bd5 p {float: right;}
.bd5 #hm-inp-3 {float: right;display: inline-block;width: 120px;height: 21px;line-height: 21px;font-family: "微软雅黑";border: none;text-align: center;margin-top: 9px;}
.empty {float: right;display: inline-block;width: 21px;height: 21px;background: url(../images/hm-ico-9.jpg);margin-top: 9px;cursor: pointer;}
.bd5 div {padding: 20px 6px 0;}
.hm-inp-4 {width: 100%;height: 40px;line-height: 40px;}

/*20151123*/
/*更改昵称*/
.bd6 p {float: none;}
.bd6 #hm-inp-5 {display: inline-block;width: 80%;height: 21px;line-height: 21px;font-family: "微软雅黑";border: none;margin-top: 9px;}
.bd6 div {padding: 0 8px;}
.bd6 .tips {line-height: 36px; color: #999999;}

/*我的资料*/
.bd7 .row1,.bd7 .row2,.bd7 .row3 {background-color: #fff;margin-top: 15px;}
.bd7 .row1 ul {padding: 26px 0;}
.bd7 li {padding: 0 14px 0 10px;color: #333;border-bottom: 1px solid #f2f2f2;font-size: 14px;}
.bd7 .row1 li {line-height: 49px;}
.bd7 .row1 li:nth-child(3n+0) {border-bottom: none;}
.bd7 a,.bd7 span {float: right;font-size: 12px;}
.bd7 .li1 a {display: inline-block;width: 50px;height: 50px;}
.bd7 .li2 a {padding-right: 20px;background: url(../images/arrow-right-2.jpg) right center no-repeat;color: #999999;}

.bd7 .row2 li:nth-child(3n+0) {border-bottom: none;}
.bd7 .row2 li {line-height: 42px;}

.bd7 .row3 {padding-top: 6px;}
.bd7 .row3 li {line-height: 34px;}

#appDateTime {display: inline;float: right;font-size: 12px;font-family: "微软雅黑";border: none;width: 40%;height: 42px;line-height: 42px;color: #999999;padding-right: 20px;background: url(../images/arrow-right-2.jpg) right center no-repeat;text-align: right;cursor: pointer;}

/*更换地址*/
.bd8 P {margin-top: 6px;line-height: 40px;padding: 0 8px 0 16px;background-color: #fff;font-size: 14px;}
.bd8 #hm-inp-6 {float: right;display: inline-block;width: 70%;height: 21px;line-height: 21px;font-family: "微软雅黑";border: none;margin-top: 9px;}
.bd8 div {padding: 13px 6px 0;}

/*选择地区*/
.bd9 {padding-bottom: 14px;}
.bd9 .p1 {line-height: 40px;padding-left: 10px;color: #999999;}
.bd9 .loc {line-height: 40px;background-color: #fff;font-size: 14px;}
.bd9 .loc img {float: left;display: inline-block;width: 17px;height: 17px;margin: 11px 6px 0 12px;}
.bd9 .province {line-height: 40px;border-bottom: 1px solid #f2f2f2;font-size: 14px;padding: 0 12px 0 14px;background: url(../images/arrow-right-2.jpg) 98% center no-repeat #fff;cursor: pointer;}
.bd9 .sub-province {display: none; padding: 5px 20px;line-height: 24px;}
.bd9 .sub-province a {display: inline-block;float: left;width: 20%;height: 24px;text-align: center;}

/*我的*/
.bd10 .row1,.bd10 .row2,.bd10 .row3 {background-color: #fff;}
.bd10 .row1 {margin-top: 4px;}
.bd10 .p1 {border-bottom: 1px solid #f2f2f2;padding: 0 14px 0; height: 68px;}
.bd10 .p1 .cl,.bd10 .p1 .cc {float: left;}
.bd10 .p1 .cr {float: right;}
.bd10 .p1 img {float: left;display: block; width: 50px;height: 50px;margin-right: 10px;margin-top: 9px;}
.bd10 .p1 .cc {line-height: 20px;font-size: 14px;padding-top: 16px;}
.bd10 .p1 .cc em {font-size: 12px;widows: 100%;display: block;color: #999999;}
.bd10 .p1 .cr a {display: block; width: 10px;height: 68px;background: url(../images/arrow-right-2.jpg) 0 center no-repeat;}
.bd10 .p2 a {display: block;float: left;width: 50%;height: 64px;padding-top: 11px;text-align: center;}
.bd10 .p2 .cl {border-right: 1px solid #f2f2f2;}
.bd10 .p2 img {display: block; width: 21px;height: 21px;margin: 0 auto 8px;}
.bd10 .row2 {margin-top: 10px;}
.bd10 .row2 li {line-height: 50px;padding: 0 12px 0 14px;font-size: 14px;}
.bd10 .row2 li:first-child,.bd10 .row3 li:first-child {border-bottom: 1px solid #f2f2f2;}
.bd10 .row2 li img {display: block; width: 21px; height: 21px;float: left;margin-right: 10px;margin-top: 14px;}
.bd10 .row2 li a {float: right;display: block; width: 10px;height: 50px;background: url(../images/arrow-right-2.jpg) 0 center no-repeat;}

.bd10 .row3 {margin-top: 10px;}
.bd10 .li1 {line-height: 44px;border-bottom: 1px solid #f2f2f2;font-size: 14px;padding: 0 12px 0 14px;}
.bd10 .li1 img {display: block; width: 21px; height: 21px;float: left;margin-right: 10px;margin-top: 11px;}
.bd10 .row3 a {float: right;display: block; width: 10px;height: 44px;background: url(../images/arrow-right-2.jpg) 0 center no-repeat;}
.bd10 .li2 {height: 60px;}
.bd10 .li2 a {display: block;float: left;width: 25%;padding-top: 10px;line-height: 20px;text-align: center;font-size: 13px;background: none;}
.bd10 .li2 a em {display: block;}

/*我的钱包*/
.bd11 .row1,.bd11 .row2 {background-color: #fff;}
.r1-hd{height: 102px;line-height: 34px;font-size: 20px;border-bottom: 1px solid #f2f2f2;text-align: center;padding-top: 14px;}
.r1-hd span {color: #fd0101;font-size: 28px;}
.r1-fd {height: 66px;}
.r1-fd p {float: left;border-right: 1px solid #f2f2f2;width: 33.3%;text-align: center;font-size: 14px;padding-top: 10px;}
.r1-fd p:last-child {border-right: none;}
.r1-fd span {color: #cccccc;font-size: 12px;}

.r2-tit {line-height: 36px;padding-left: 12px;}
.r2-hd {padding-left: 12px;line-height:24px;height: 62px;padding-top: 6px;font-size: 14px;}
.r2-hd span {color: #ccc;font-size: 18px;}
.r2-fd li {float: left;border-top: 1px solid #f2f2f2;border-right: 1px solid #f2f2f2;width: 50%;height:68px;padding: 0 0 0 12px;line-height: 20px;color: #999999;}
.r2-fd li:nth-child(2n+0) {border-right: none;}
.r2-fd img {float: left;display: block; width: 21px;height: 21px;margin-right: 3px;margin-top: 18px;}
.r2-fd li em {font-size: 16px;display: block;color: #333333;}
.r2-fd li span {color: #fd2a2a;}
.r2-fd li a {color: #3399ff;}
.r2-fd .cl,.r2-fd .cr {float: left;}

/*我的电子卡*/
.bd12 {padding: 12px 6px 0;}
.bd12 a {display: block; height: 98px;color: #fff;margin: 0 auto 12px;border-radius: 5px;padding: 0 18px 0 14px;}
.bd12 .a1 {background-color: #ff3366;}
.bd12 .a2 {background-color: #0099ff;}
.bd12 .a3 {background-color: #ff3399;}
.bd12 .cl {padding-top: 10px;padding-right: 10px;float: left;}
.bd12 .cl span {display: block; width: 42px; height: 42px;line-height: 42px;border-radius: 50%;background-color: #fff;font-size: 26px;text-align: center;}
.bd12 .a1 span {color: #ff3366;}
.bd12 .a2 span {color: #0099ff;}
.bd12 .a3 span {color: #ff3399;}
.bd12 .cr {padding-top: 8px;}
.bd12 .p1 {font-size: 18px;}
.bd12 .p3 {font-size: 18px;text-align: right;}

/*电子卡详情*/
.bd13 .row1 {padding: 12px 6px 0;}
.card {display: block; width: 312px;height: 156px;color: #fff;margin: 0 auto;border-radius: 5px;background-color: #0099ff;padding: 10px 18px 0 14px;}
.card .cl {float: left;}
.card .cl span {display: block; width: 42px; height: 42px;line-height: 42px;border-radius: 50%;background-color: #fff;font-size: 26px;text-align: center;color: #0099ff;}
.card .cr {float: right;text-align: right;}
.card .p1 {line-height: 20px;}
.card .p2 {line-height: 26px;padding-top: 50px;font-size: 14px;}
.card .p3 {font-size: 22px;}

.bd13 .tips {line-height: 56px;text-align: center;font-size: 14px;}
.bd13 .tips img {display: inline-block;width: 21px;height: 21px;margin-right: 10px;vertical-align: middle;}
.bd13 .tips2 {line-height: 36px;text-align: center;color: #999999;font-size: 14px;}
.bd13 .tips2 span {font-size: 24px;}
.bd13 .hm-inp-1 {display: block; width: 141px; height: 31px; line-height: 31px;margin: 12px auto 34px;border-radius: 5px;}
.bd13 .row2 {background-color: #fff;}
.bd13 .row2 li {line-height: 40px;padding-left: 9px;font-size: 14px;color: #999;}
.bd13 .row2 li:first-child {border-bottom: 1px solid #f2f2f2;}
.bd13 .row2 li img {display: inline-block;width: 21px;height: 21px;vertical-align: middle;margin-right: 9px;}

/*电子卡充值*/
.bd14 .p {background-color: #fff;line-height: 40px;padding: 0 9px 0 7px;font-size: 14px;color: #999999;}
.bd14 .p1 {margin-top: 15px;border-bottom: 1px solid #f2f2f2;}
.bd14 .p1 img {float: right;display: inline-block;width: 21px;height: 21px;vertical-align: middle;margin-left: 10px;margin-top: 10px;}
.bd14 .p span {font-size:16px;float: right;}
.bd14 .p2 strong {font-weight: normal;font-size: 14px;}
.bd14 .p3 {margin-top: 15px;}
.bd14 .p3 label {float: right;}
.bd14 #hm-inp-1 {display: inline-block;width: 119px; height: 29px;line-height: 29px;border: 1px solid #f2f2f2;text-align: center;font-size: 24px;}
.bd14 .p4 {line-height: 60px;text-align: center;font-size: 14px;}
.bd14 #hm-inp-2 {vertical-align: middle;}
.bd14 .p4 a {color: #0099ff;}
.bd14 .p5 {padding: 0 6px;}
.bd14 #hm-inp-3 {display: block;width: 100%; height: 41px;line-height: 41px;text-align: center;}

/*我的抵用券*/
.bd15 .tab-hd {padding: 10px 0 14px;text-align: center;}
.bd15 .tab-hd a {display: inline-block;width: 60px;height: 25px;line-height: 25px;}
.bd15 .tab-hd a.on {color: #fff;background-color: #aeaeae;}
.bd15 .tab-fd {padding: 11px;background-color: #fff;}
.bd15 ul{display: none;}
.bd15 li {display: block;width: 100%;height: 102px;background-color: #aeaeae;color: #fff;margin-bottom: 10px;}
.bd15 .cl {float: left;height: 102px;line-height: 102px;padding-left: 16px;}
.bd15 .cl span {float: left;font-size: 40px;}
.bd15 .cl em {float: left;font-size: 16px;}
.bd15 .cr {float: right;padding-right: 18px;}
.bd15 .p1 {line-height: 54px;font-size: 34px;text-align: center;}
.bd15 .p2 {text-align: right;}
.bd15 .p3 {line-height: 20px;text-align: right;}

/*20151124*/
/*我的预约-预约详情*/
.bd16 {padding: 0 8px 0 13px;}
.bd16 .tit {line-height: 40px;font-size: 14px;}
.bd16 .b1-hd {width: 105px;height: 105px;line-height: 105px;text-align: center;border: 3px solid #999999;font-size: 14px;border-radius: 50%;margin: 0 auto;}
.bd16 .b1-fd {position: relative;margin-top: 10px;}
.bd16 .b1-fd .line {position: absolute;top: 6px;left: 10%;width: 80%;height: 2px;background-color: #999999;}
.bd16 .b1-fd p {width: 20%;text-align: center;float: left;line-height: 20px;}
.bd16 .b1-fd p em {display: block; width: 15px;height: 15px;border: 1px solid #999;border-radius: 50%;margin: 0 auto;}
.bd16 .b1-fd p em.on {background-color: #999;}
.bd16 .box2 {background-color: #fff;padding: 10px 16px;color: #ccc;line-height: 22px;margin-bottom: 12px;}
.bd16 .box2 span {color: #333;}

.bd16 .box3 {line-height: 40px;text-align: center;background-color: #fff;}
.bd16 .btn {display: inline-block; width: 40%;height: 30px;line-height: 30px;margin: 0 2%;}
.bd16 .btn-c {background-color: #f2f2f2;color: #333;}

/*我的预约-预约详情-待点评*/
.bd17 .box2 p {width: 33.3333%;float: left;}
.b2-hd {height: 34px;line-height: 34px;border-bottom: 1px solid #ccc;color: #999999;}
.b2-fd {line-height: 30px;padding-bottom: 12px;color: #333;}
.b2-fd .pf3 {color: #ff0000;}
.bd17 .box2 p:nth-child(3n+1) {text-align: left;padding-left: 17px;}
.bd17 .box2 p:nth-child(3n+2) {text-align: center;}
.bd17 .box2 p:nth-child(3n) {text-align: right;padding-right: 13px;}
.bd17 .b2-hd p:nth-child(3n) {color: #99999;}
.bd17 .b2-fd p:nth-child(3n) {color: #f00;}
.bd17 .box3 {padding: 0 10px 0 14px;text-align: left;font-size: 14px;}
.bd17 .box3 span {color: #f00;}
.bd17 .btn {float: right;width: 50%;margin-top: 5px;}

/*我的预约-预约详情-完成*/
.bd18 .box1 {padding: 88px 0 85px 0;line-height: 60px;text-align: center;font-size: 24px;color: #333333;}
.bd18 img {display: block;width: 101px;height: 101px;margin: 0 auto;}
.bd18 a {display: block;width: 50%;height: 30px;line-height: 30px;text-align: center;margin: 0 auto;}

/*如何洗涤*/

.bd19 .tit {line-height: 44px;padding-right: 8px;font-size: 20px;text-align: center;}
.bd19 a {float: right;display: inline-block;width: 32px;height: 32px;line-height: 32px;background-color: #a1a1a1;color: #fff;border-radius: 50%;margin-top: 6px;font-size: 14px;}
.bd19 .hd {height: 32px;background: url(../images/progress-1.png) center 0 no-repeat;}
.bd19 .fd div {width: 23px;height: 69px;background: url(../images/progress-2.png) center 0 no-repeat;margin: 0 auto;position: relative;}
.bd19 .fd p {position: absolute;top: 6px;width: 130px;}
.bd19 .l {background: url(../images/progress-3.png) right 6px no-repeat;left: -134px;padding-right: 9px;}
.bd19 .r {background: url(../images/progress-4.png) left 6px no-repeat;right: -134px;padding-left: 9px;}
.bd19 span {display: block; width: 121px;height: 56px;background-color: #fff;text-align: center;font-size: 14px;line-height: 24px;padding: 5px 0;}
.bd19 em {display: block;width: 100%;font-size: 18px;}

/*20151125*/
/*洗鞋*/
.bd20 {padding: 0 8px 10px;}
.bd20 .tit {line-height: 40px;text-align: center;font-size: 14px;}
.bd20 .tab-hd {height: 48px;}
.bd20 .tab-hd a {display: inline-block;width: 33%;height: 48px;line-height: 48px;border-radius: 5px;margin-right: 0.5%;text-align: center;background-color: #f9a006;color: #fff;float: left;}
.bd20 .tab-hd a:last-child {margin-right: 0;}
.bd20 .tab-hd a.on {background-color: #fff;border-radius: 5px 5px 0 0;color: #2f2f2f;}
.bd20 .tab-fd {padding: 11px 0;background-color: #fff;}
.bd20 ul{display: none;}
.bd20 li {float: left;display: block;width: 33.3333%;height: 110px;text-align: center;border-right: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;padding-top: 10px;font-size: 14px;}
.bd20 li:nth-child(3n+0) {border-right: none;}
.bd20 li img {display: inline-block;width: 62px;height: 62px;}
.bd20 li div {line-height: 30px;}

/*洗皮衣*/
.bd21 {text-align: center;}
.bd21 .tit {background-color: #47b8e1;line-height: 36px;color: #fff;font-size: 16px;}
.bd21 .tit2 {background-color: #fff;line-height: 22px;font-size: 14px;border-radius: 0 0 5px 5px;}
.bd21 .cont {padding: 0 7px 10px 9px;}
.bd21 .box1 {background-color: #fff;padding: 7px;margin-top: 10px;border-radius: 5px;}
.bd21 table {width: 100%;}
.bd21 table,.bd21 td {border: 1px solid #f2f2f2;border-collapse: collapse;}

.bd21 th {width: 33.333%;height: 40px;font-size: 14px;color: #fff;border-right: 1px solid #fff;background-color: #47b8e1;font-weight: normal;text-align: center;}
.bd21 td {height: 40px;width: 33.333%;padding: 0 5px;}


/*******************************
  -------[=LZ]-------
********************************/

/*
-----------------[普洗袋装-按件计价]--------------*/
.bg-f2{background-color: #f2f2f2;padding: 10px 0;}

.h-tit1{font-size: 14px;color: #5e5e5e;text-align: center;padding-top: 15px;}

.ul-valu{overflow: hidden;width: 70%;margin: 0 auto;padding: 15px 0;}
.ul-valu li{float: left;width: 50%;text-align: center;height: 32px;}
.ul-valu li a{display: block;line-height: 32px;font-size: 14px;background-color: #fff;}
.ul-valu li.on a{background-color: #47b8e1;color: #fff;}

.ul-tab1{overflow: hidden;padding: 13px 10px 0;}
.ul-tab1 li{float: left;width: 50%;text-align: center;height: 30px;}
.ul-tab1 li a{display: block;line-height: 30px;background-color: #d7d7d7;color: #434343;}
.ul-tab1 li.on a{background-color: #47b8e1;color: #fff;}

.box-tab{padding: 0 10px 20px 10px;}
.box-tab .tit{font-size: 14px;text-align: center;position: relative;overflow: hidden;height: 38px;line-height: 38px;}
.box-tab .tit span{position: relative;display: inline-block;}
.box-tab .tit span:before,.box-tab .tit span:after{content: "";position: absolute;width: 300px;
    border-bottom: 1px solid #eee;height: 0;top: 50%;
}
.box-tab .tit  span:before{right: 100%;}
.box-tab .tit  span:after{left: 100%;}

.box-tab table{width: 100%;}
.box-tab td,.box-tab th{width: 50%;text-align: center;font-weight: normal;height: 40px;border: 1px solid #c9c9c9;}
.box-tab th{background-color: #f2f2f2;}

.h-btn1{width: 72px;height: 72px;display: block;border: 1px solid #ddd;border-radius: 50%;
    text-align: center;position: fixed;bottom: 0;left: 50%;margin-left: -36px;background-color: #fff;
    box-shadow: 0 0 3px #999;
}
.h-btn1 em{width: 60px;height: 60px;border-radius: 50%;display: block;background-color: #47b8e1;margin-top: 5px;margin-left: 5px;
    color: #fff;font-size: 14px;padding-top: 8px;
}

.ul-bag{padding-top: 40px;overflow: hidden;padding-bottom: 40px;}
.ul-bag li{float: left;width: 50%;}
.ul-bag .pic{background: url(../images/u20.png) no-repeat center center;width: 100px;height: 100px;
    line-height: 100px;text-align: center;font-size: 20px;color: #999;margin: 0 auto 25px;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.ul-bag p{font-size: 14px;text-align: center;}


/*
-----------------[消费指引-常见问题]--------------*/
.ul-problem{}
.ul-problem li{padding: 10px;border-bottom: solid #f1f1f1 1px;}
.ul-problem .tit{overflow: hidden;margin-bottom: 8px;}
.ul-problem em{width: 30px;height: 30px;display: block;background-color: #f1f1f1;float: left;
    text-align: center;line-height: 30px;color: #999;margin-right: 10px;
}
.ul-problem h4{overflow: hidden;height: 30px;line-height: 30px;font-size: 16px;color: #333;}
.ul-problem .con p{overflow: hidden;color: #999;}

.ul-choice{overflow: hidden;}
.ul-choice li{width: 50%;float: left;padding: 20px 15px;}
.ul-choice .top{text-align: center;font-size: 16px;color: #333;margin-bottom: 10px;}
.ul-choice .top em{display: block;background-color: #f1f1f1;width: 50px;height: 50px;border-radius: 50%;
    margin: 0 auto;font-size: 28px;color: #fff;margin-bottom: 3px;line-height: 50px;
}
.ul-choice .top .s1{background-color: #0999c3;}
.ul-choice .top .s2{background-color: #7b4b73;}
.ul-choice .top .s3{background-color: #f2615c;}
.ul-choice .top .s4{background-color: #f09b0f;}
.ul-choice li:first-child{border-right: 1px solid #f1f1f1;}
.ul-choice li:last-child{width: 100%;border-top: 1px solid #f1f1f1;}
.ul-choice li:last-child .top{float: left;width: 50%;padding-right: 15px;}
.ul-choice li:last-child .top1{padding-left: 15px;padding-right: 0;}
.ul-choice .tit{position: relative;}
.ul-choice .top1:after{content: "或";position: absolute;font-size: 18px;left: 48%;top: 10px;
    color: #333;
}
.ul-choice li p{color: #999;}

/*
-----------------[奢侈品护理]--------------*/

.box-extr{background-color: #47b8e1;position: relative;padding: 10px 0;margin-bottom: 12px;}
.box-extr:after{content: "";position: absolute;left: 50%;width: 31px;height: 12px;
    background: url(../images/i-02.png) no-repeat center center;bottom: -12px;margin-left: -15px;
}
.box-extr .pic{text-align: center;}
.box-extr .pic{display: inline-block;width: 100%;}
.box-extr p{width: 270px;margin: 0 auto;color: #fff;margin-bottom: 5px;}
.box-extr span{text-align: center;display: block;color: #f1f1f1;}

.ul-extr{padding: 0 10px;}
.ul-extr li{overflow: hidden;padding: 15px 0;border-bottom: 1px solid #f1f1f1;}
.ul-extr .pic{float: left;margin-right: 10px;}
.ul-extr .pic img{display: block;width: 100%;}

.ul-extr .txt{overflow: hidden;}
.ul-extr .txt h4{font-size: 16px;color: #333;margin-top: -3px;}
.ul-extr .txt p{color: #999;margin-top: -2px;height: 3em;overflow: hidden;}



.bgf{background-color: #fff;}

/*******************************
  -------[=LZ-end]-------
********************************/


/*******************************
  -------[=LZ-]-------
********************************/

/*
-----------------[订单]--------------*/
.box-tab3{overflow-x: auto;}
.ul-tab3{background-color: #fff;overflow: hidden;padding-left: 15px;}
.ul-tab3 li{float: left;font-size: 14px;margin: 0 10px;height: 35px;}
.ul-tab3 li a{line-height: 35px;display: block;color: #333;}

.ul-orders{}
.ul-orders li{background-color: #fff;font-size: 14px;color: #333;margin-top: 12px;}
.ul-orders .top{background: url(../images/u13.png) no-repeat 10px center;overflow: hidden;
  padding: 5px 10px 5px 30px;border-bottom: 1px solid #f2f2f2;
}
.ul-orders a{float: right;color: #f9a006;}
.ul-orders .con{overflow: hidden;padding: 10px 40px 10px 10px;border-bottom: 1px solid #f2f2f2;}
.ul-orders .pic{float: left;margin-right: 10px;}
.ul-orders .con a{overflow: hidden;color: #333;}
.ul-orders .bot{padding: 10px;overflow: hidden;}
.ul-orders .bot a{float: right;display: block;background: #f9a006;color: #fff;width: 75px;text-align: center;
  height: 28px;line-height: 28px;
}

/*家政服务*/
.box-hous{background-color: #47b8e1;padding: 10px 0;margin-bottom: 12px;}
.ul-hous{}
.ul-hous li{position: relative;width: 50%;float: left;text-align: center;font-size: 18px;padding: 5px 0;}
.ul-hous li a{color: #fff;display: block;}
.ul-hous li img{display: block;margin: 0 auto 10px;}
.ul-hous li:first-child{border-right: 1px solid #fff;}
.ul-hous li.on:after{content: "";position: absolute;left: 50%;width: 31px;height: 12px;
    background: url(../images/i-02.png) no-repeat center center;bottom: -22px;margin-left: -15px;
}

.ul-valu{overflow: hidden;width: 70%;margin: 0 auto;padding: 15px 0;}
.ul-valu li{float: left;width: 50%;text-align: center;height: 32px;}
.ul-valu li a{display: block;line-height: 32px;font-size: 14px;background-color: #ccc;}
.ul-valu li.on a{background-color: #47b8e1;color: #fff;}

/*品牌精洗*/

.ul-type{width: 94%;margin: 0 auto;padding: 15px 0;overflow: hidden;}
.ul-type li{float: left;width: 32%;text-align: center;height: 32px;}
.ul-type li a{display: block;line-height: 32px;font-size: 14px;background-color: #d7d7d7;}
.ul-type li.on a{background-color: #47b8e1;color: #fff;}
.ul-type li:nth-child(2){margin: 0 2%;}


/*
-----------------[洗涤救治]--------------*/
.box-wash{background-color: #656565;text-align: center;color: #fff;padding: 10px 0;}
.box-wash h3{font-size: 18px;}
.box-wash span{color: #ccc;}

.box-cure{background-color: #fff;}
.box-cure h4{color: #f00;text-align: center;padding: 10px 0;}

.ul-addImg{overflow: hidden;padding-bottom: 10px;margin-bottom: 15px;}
.ul-addImg li{float: left;width: 25%;text-align: center;font-size: 14px;color: #333;}
.ul-addImg li img{display: block;margin: 0 auto 3px;}
.ul-addImg .con{margin: 0 5px;padding: 10px 0;border-radius: 5px;}
.ul-addImg li.on .con{background-color: #f2f2f2;}

.box-effect{background-color: #fff;padding: 10px;overflow: hidden;margin-bottom: 15px;}
.box-effect p{width: 1em;font-size: 14px;float: left;}
.box-effect .pic{width: 133px;float: left;height: 90px;position: relative;margin-left: 10px;}
.box-effect .pic img{width: 100%;height: 90px;display: block;}
.box-effect .pic em{width: 40px;height: 23px;display: block;background-color: #868686;
    position: absolute;right: 0;bottom: 0;text-align: center;line-height: 23px;color: #fff;
}

.ul-collect{}
.ul-collect li{background-color: #fff;margin-bottom: 12px;}
.ul-collect .con{overflow: hidden;border-bottom: 1px solid #f2f2f2;padding: 15px 0 15px 10px;}
.ul-collect .pic{float: left;margin-right: 10px;border-radius: 50%;width: 46px;height: 46px;overflow: hidden;}
.ul-collect .pic img{display: block;width: 100%;height: 100%;}
.ul-collect .txt{overflow: hidden;}
.ul-collect .txt h4{font-size: 14px;color: #333;}
.ul-collect .txt p{color: #999;}
.ul-collect .txt span{color: #666;}
.ul-collect .bot{height: 40px;line-height: 40px;}
.ul-collect .bot span{display: block;width: 50%;color: #ccc;text-align: center;border-right: 1px solid #f2f2f2;}
.btn-yellow3{width: 128px;float: right;height: 30px;line-height: 30px;margin-top: 5px;margin-right: 15px;}


/*个人中心*/
.bg-gray{background-color: #47b8e1;}
.box-root{text-align: center;padding: 10px 0;}
.box-root .pic{width: 60px;height: 60px;margin: 0 auto 3px;}
.box-root .pic img{width: 100%; height: 100%;display: block;}
.box-root h4{font-size: 14px;color: #fff;margin-bottom: 5px;}
.box-root p{color: #f1f1f1;}

.ul-root{overflow: hidden;background-color: #fff;margin-bottom: 15px;}
.ul-root li{float: left;width: 50%;text-align: center;font-size: 14px;color: #333;}
.ul-root li a{display: block;padding-top: 25px;padding-bottom: 20px;}
.ul-root li img{display: block;margin: 0 auto 5px;}
.ul-root li:first-child{border-right: 1px solid #f2f2f2;}

.box-link,.box-link1{display: block;height: 40px;line-height: 40px;font-size: 14px;color: #333;
  background: #fff url(../images/u32.png) no-repeat 12px center;padding-left: 45px;
}
.box-link1{position: fixed;bottom: 0;left: 0;width: 100%;}

/*首页*/
.box-logo{padding: 10px 0;text-align: center;color: #fff;}
.box-logo img{width: 100px;height: 100px;display: block;margin: 0 auto;margin-bottom: 15px;}
.box-logo h4{font-size: 18px;}
.box-logo p{font-size: 14px;}

.ul-index{overflow: hidden;background-color: #fff;}
.ul-index li{width: 50%;float: left;text-align: center;height: 110px;padding-top: 20px;}
.ul-index li:nth-child(2n+1){border-right: 1px solid #f2f2f2;}
.ul-index li:first-child,.ul-index li:nth-child(2){border-bottom: 1px solid #f2f2f2;}
.ul-index li p{color: #333;font-size: 14px;}
.ul-index li em{font-size: 28px;margin-left: 10px;}
.ul-index li img{display: block;margin: 0 auto 5px;width: 31px;height: 31px;}

/*我的预约-预约详情*/
.box-make{background-color: #47b8e1;position: relative;padding: 10px 0;margin-bottom: 40px;}
.box-make:after{content: "";position: absolute;left: 50%;width: 31px;height: 12px;
    background: url(../images/i-02.png) no-repeat center center;bottom: -12px;margin-left: -15px;
}
.box-make .con{overflow: hidden;padding: 20px 0 20px 35px;}
.box-make .pic{float: left;margin-right: 10px;border-radius: 50%;width: 46px;height: 46px;overflow: hidden;}
.box-make .txt{float: left;}
.box-make .txt h4{color: #fff;font-size: 14px;}
.box-make .txt p{color: #ccc;}
.box-make .dian{float: right;margin-right: 36px;margin-top: 7px;width: 31px;height: 31px;}
.box-make .dian img{width: 100%;height: 100%;display: block;}
.box-make p{text-align: center;color: #f1f1f1;font-size: 14px;margin-bottom: 30px;}

.tit-make{height: 35px;line-height: 35px;color: #fff;font-size: 14px;background: #f9a006;text-align: center;
    display: block;width: 250px;margin: 0 auto;border-radius: 35px;margin-bottom: 25px;
}
.btn-round{display: block;width: 100px;height: 100px;text-align: center;margin: 0 auto;color: #fff;
    background-color: #47b8e1;font-size: 20px;border-radius: 50%;padding-top: 17px;
}

.m-eval{}
.m-eval .top{padding: 10px 40px 10px 15px;background-color: #fff;overflow: hidden;margin-bottom: 15px;}
.m-eval .top em{height: 20px;width: 20px;display: block;float: left;margin-right: 20px;
    border-radius: 50%;background-color: #f9a006;margin-top: 10px;
}
.m-eval .top p{overflow: hidden;font-size: 14px;}
.m-eval .con{background-color: #fff;padding: 0 15px;margin-bottom: 25px;}
.m-eval .eval{overflow: hidden;padding: 10px;border-bottom: 1px solid #f2f2f2;}
.m-eval .eval span{float: left;font-size: 14px;color: #333;}
.scoreBox{ width:0px; height:10px; position:relative;float: left;}
.starBg{ width:0px; height:10px; position:relative; z-index:1; }
.maskBox{display:block; width:50px; height:10px; overflow:hidden; position:absolute; z-index:2; top:0px; left:0px; padding:0px; margin:0px;}
.maskBox li{display:block;width:5px; height:10px; overflow:hidden; float:left; cursor:pointer;}
.m-eval .txt{padding-top: 10px;color: #999;position: relative;margin-bottom: 15px;}
.m-eval .txt .inp{display: block;width: 100%;background: 0;border: 0;color: #999;height: 6em;margin-top: 10px;}
.m-eval .txt em{position: absolute;right: 10px;bottom: 0;}
.m-eval .uploaded .tit{border-bottom: 1px solid #f2f2f2;font-size: 14px;color: #333;padding-bottom: 10px;}
.m-eval .uploaded .tit span{float: right;color: #999;}

.ul-up{overflow: hidden;padding-top: 15px;padding-bottom: 28px;}
.ul-up li{float: left;height: 65px;}
.ul-up .add{width: 65px;border: 1px dashed #c9c9c9;text-align: center;margin-right: 5px;}
.ul-up .add label{display: block;height: 65px;background: url(../images/add.png) no-repeat center 10px;}
.ul-up .add input{visibility: hidden;}
.ul-up .add label span{padding-top: 20px;display: block;color: #999;}
.ul-up .pic{width: 105px;margin-left: 5px;}
.ul-up .pic img{width: 100%;display: block;}
.m-eval .bot{background-color: #fff;padding: 5px 0;position: fixed;width: 100%;bottom: 0;left: 0;}
.m-eval .bot .btn-yellow{width: 92%;display: block;margin: 0 auto;height: 30px;}





